/*-----按钮------*/

//超小型按钮 size=mini
.el-button--mini {
  padding: 9px 12px;
  font-size: $--font-size-content;
  border-radius: $--eve-border-radius-small;
}

//小型按钮  size=small
.el-button--small {
  padding: 10px 16px;
  font-size: $--font-size-content;
  border-radius: $--eve-border-radius-small;
}

/*-----卡片------*/
.el-card__header {
  height: $--eve-height;
  line-height: $--eve-height;
  padding: 0 20px;
  font-size: $--font-size-title;
  color: $--color-text-primary;
  background: $--color-primary-light-95;
}

.el-card {
  color: $--color-text-regular;
  font-size: $--font-size-content;
}

.el-card.is-always-shadow {
  box-shadow: 0 0 0 transparent;
}

.el-card__body {
  padding: 10px 16px;
}

/*-----消息框------*/
.el-message-box {
  padding-bottom: 0;
  border-radius: $--eve-border-radius-small;
  .el-icon-close:before {
    color: $--color-primary;
  }
}

.el-message-box__header {
  padding: 0 20px;
  line-height: $--eve-height;
  height: $--eve-height;
  display: flex;
  align-items: center;
  background: $--color-primary-light-9;
}

.el-message-box__title {
  font-size: $--font-size-title;
}

.el-message-box__headerbtn {
  top: 14px;
}

.el-message-box__content {
  padding: 10px 20px;
  font-size: $--font-size-content;
}

.el-message-box__btns {
  text-align: center;
  padding: 0;
  height: $--eve-height;
  .el-button {
    @extend .el-button--mini;
  }
}

.el-message-box__status {
  position: absolute;
  top: 50%;
  left: 3%;
  transform: translateY(-50%);
  font-size: 20px !important;
}

/*-----对话框------*/
.el-dialog__header {
  padding: 0 20px;
  height: $--eve-height;
  line-height: $--eve-height;
  font-size: $--font-size-title;
  color: $--color-text-primary;
  background: $--color-primary-light-9;
  font-weight: normal;
  border-top-right-radius: $--eve-border-radius-small;
  border-top-left-radius: $--eve-border-radius-small;
}

.el-dialog__body {
  padding: 20px;
  font-size: $--font-size-content;
}

//小图标
.el-dialog__headerbtn {
  top: 14px;
}

//底部按钮的间距
.el-dialog__footer {
  padding: 0 20px;
  height: $--eve-height;
  .el-button {
    @extend .el-button--mini;
  }
}

.eve-dialog__border-top .el-dialog__body {
  border-top: 1px solid transparent;
}

.el-dialog__headerbtn .el-dialog__close {
  color: $--color-primary;
}

.el-dialog {
  border-radius: $--eve-border-radius-small;
}

/*-----标签页------*/

.el-tabs--card > .el-tabs__header .el-tabs__nav {
  border-radius: $--eve-border-radius-small $--eve-border-radius-small 0 0;
}

//普通版本的线
.el-tabs__nav-wrap:after {
  background-color: $--border-color-base;
}
//选型卡版本的线
.el-tabs--card > .el-tabs__header {
  border-bottom: 1px solid $--border-color-base;
  margin: 0 0 10px;
}

.el-tabs__content,
.el-tabs__item {
  font-size: $--font-size-content;
}

.el-tabs__item {
  line-height: $--eve-height--small;
  height: $--eve-height--small;
}

.el-tabs__item {
  padding: 0 10px;
}

.el-tabs--top.el-tabs--border-card > .el-tabs__header .el-tabs__item:last-child,
.el-tabs--top.el-tabs--card > .el-tabs__header .el-tabs__item:last-child,
.el-tabs--top .el-tabs--left > .el-tabs__header .el-tabs__item:last-child,
.el-tabs--top .el-tabs--right > .el-tabs__header .el-tabs__item:last-child,
.el-tabs--bottom.el-tabs--border-card
  > .el-tabs__header
  .el-tabs__item:last-child,
.el-tabs--bottom.el-tabs--card > .el-tabs__header .el-tabs__item:last-child,
.el-tabs--bottom .el-tabs--left > .el-tabs__header .el-tabs__item:last-child,
.el-tabs--bottom .el-tabs--right > .el-tabs__header .el-tabs__item:last-child {
  padding-right: 10px;
}

.el-tabs--top.el-tabs--border-card
  > .el-tabs__header
  .el-tabs__item:nth-child(2),
.el-tabs--top.el-tabs--card > .el-tabs__header .el-tabs__item:nth-child(2),
.el-tabs--top .el-tabs--left > .el-tabs__header .el-tabs__item:nth-child(2),
.el-tabs--top .el-tabs--right > .el-tabs__header .el-tabs__item:nth-child(2),
.el-tabs--bottom.el-tabs--border-card
  > .el-tabs__header
  .el-tabs__item:nth-child(2),
.el-tabs--bottom.el-tabs--card > .el-tabs__header .el-tabs__item:nth-child(2),
.el-tabs--bottom .el-tabs--left > .el-tabs__header .el-tabs__item:nth-child(2),
.el-tabs--bottom
  .el-tabs--right
  > .el-tabs__header
  .el-tabs__item:nth-child(2) {
  padding-left: 10px;
}

/*-----步骤条------*/
$--eve-el-step: 22px;
$--eve-el-step--small: 10px;

//横向的
.el-steps--horizontal {
  //细线
  .el-step__icon {
    width: $--eve-el-step;
    height: $--eve-el-step;
    font-size: $--font-size-content;
  }

  .el-step__icon-inner {
    display: none;
  }

  .el-step__head.is-wait {
    border-color: $--border-color-base;
  }

  .el-step__icon.is-text {
    border: 1px solid transparent;
    // box-shadow: $--color-text-placeholder 0px 0px 4px;
    &::after {
      content: '';
      width: $--eve-el-step--small;
      height: $--eve-el-step--small;
      border-radius: 50%;
      background: $--color-text-regular;
    }
  }

  .el-step__head.is-finish {
    .el-step__line {
      background: $--color-primary !important;
    }

    .el-step__icon.is-text {
      border: 1px solid transparent;
      background: $--color-primary-light-8;
      &::after {
        content: '';
        width: $--eve-el-step--small;
        height: $--eve-el-step--small;
        border-radius: 50%;
        background: $--color-primary;
      }
    }
  }

  .el-step__head.is-wait {
    .el-step__icon.is-text {
      border: 1px solid transparent;
      background: rgba(96, 98, 102, 0.2);
    }
  }

  .el-step__title {
    font-size: $--font-size-content;
    color: $--color-primary;
  }

  .el-step__title.is-finish {
    font-size: $--font-size-content;
    color: $--color-primary;
  }

  .el-step__title.is-process {
    font-size: $--font-size-content;
    font-weight: normal;
  }

  .el-step__head.is-process {
    border-color: $--border-color-base;
  }

  .el-step__title.is-wait {
    color: $--color-text-secondary;
  }

  .el-step__head.is-process .el-step__icon.is-text {
    border: 1px solid transparent;
    background: $--color-primary-light-8;
    box-shadow: $--color-primary 0px 0px 10px;
    &::after {
      content: '';
      width: $--eve-el-step--small;
      height: $--eve-el-step--small;
      border-radius: 50%;
      background: $--color-primary;
    }
  }

  .el-step__line {
    top: 11px;
    height: 3px;
    background-color: $--border-color-light;
  }

  .el-steps--horizontal
    .el-step__head.is-process
    .el-step__icon.is-text::after {
    width: $--eve-el-step--small;
    height: $--eve-el-step--small;
  }
}

//进度条
.el-steps--simple {
  padding: 0 8%;
  height: $--eve-height;
  background: $--border-color-extra-light;
  border-radius: $--eve-border-radius-small;
}

.el-step.is-simple {
  .el-step__icon {
    display: none;
  }
  .el-step__title {
    font-size: $--font-size-title; //这里特定14px
    color: $--color-text-regular;
  }
  .el-step__arrow::before,
  .el-step__arrow::after {
    height: 13px;
  }
  .el-step__title.is-process {
    color: $--color-primary;
    font-weight: bold;
  }
  .el-step__title.is-finish {
    color: $--color-text-primary;
    font-weight: bold;
  }
  .el-step__title.is-wait {
    color: $--color-text-secondary;
    font-weight: bold;
  }

  .el-step__title.is-process + .el-step__arrow {
    &::before {
      background: $--color-primary;
    }
    &::after {
      background: $--color-primary;
    }
  }

  .el-step__title.is-finish + .el-step__arrow {
    &::before {
      background: $--color-text-primary;
    }
    &::after {
      background: $--color-text-primary;
    }
  }
}

/*-----分页------*/
$--pagination-width-height: 30px;
.el-pagination.is-background .btn-prev,
.el-pagination.is-background .btn-next {
  height: $--pagination-width-height;
  width: $--pagination-width-height;
  padding: 0;
}

.el-pagination span:not([class*='suffix']),
.el-pagination button {
  line-height: $--pagination-width-height;
  font-size: $--font-size-content;
  height: $--pagination-width-height;
}

.el-pagination.is-background .btn-prev,
.el-pagination.is-background .btn-next,
.el-pagination.is-background .el-pager li {
  min-width: $--pagination-width-height;
  height: $--pagination-width-height;
  line-height: $--pagination-width-height;
  border-radius: $--eve-border-radius-small;
}

.el-pagination__sizes .el-input .el-input__inner {
  font-size: $--font-size-content;
  padding-left: 10px;
  border: 1px solid $--border-color-light;
}

.el-input--mini .el-input__inner {
  height: $--pagination-width-height;
  line-height: $--pagination-width-height;
}

.el-pagination__editor.el-input .el-input__inner {
  height: $--pagination-width-height;
}

.el-pagination {
  margin-top: 20px !important;
  font-weight: normal;
}

.el-pagination__sizes {
  .el-input--suffix .el-input__inner {
    padding-right: 30px !important;
  }
}

.el-pagination__sizes {
  .el-input--mini .el-input__icon {
    line-height: $--pagination-width-height;
  }
}

.el-pager li {
  font-size: $--font-size-content;
}

.el-pagination .el-select .el-input .el-input__inner {
  border-radius: $--eve-border-radius-small;
}

.el-pagination__jump .el-input__inner {
  border-radius: $--eve-border-radius-small;
  border: 1px solid $--border-color-light;
}

/*-----表格------*/

.el-table--medium th,
.el-table--medium td {
  padding: 0 0;
}
.el-table--mini .el-table__cell,
.el-table--medium .el-table__cell {
  padding: 0 0;
}

.el-table {
  th {
    font-size: $--font-size-content;
    color: $--color-text-primary;
    font-weight: normal;
    background: $--color-primary-light-95 !important;
  }
  td {
    font-size: $--font-size-content;
    color: $--color-text-regular;
  }

  .el-table__fixed-right {
    height: 100% !important;
  }
}

.el-table .cell {
  line-height: $--eve-height;
}

//表格最底部的线
.el-table--group::after,
.el-table--border::after,
.el-table::before {
  background-color: $--color-primary-light-8;
}

//表格右边的线
.el-table--border th,
.el-table--border td {
  border-right: 1px solid $--color-primary-light-8;
}

//表格底部的线
.el-table th.is-leaf,
.el-table td {
  border-bottom: 1px solid $--color-primary-light-8;
}

.el-table th,
.el-table td > .cell {
  height: $--eve-height;
  line-height: $--eve-height;
}

.el-table td,
 .el-table th  {
  padding: 0;
}

.el-table--mini td,
 .el-table--mini th  {
  padding: 0 0;
}

.el-table__empty-text {
  font-size: $--font-size-content;
}

// 空数据时，列少的情况，暂无数据居中展示(360浏览器有兼容问题，有横向滚动条的不设置)
.el-table__body-wrapper.is-scrolling-none {
  // height: 100% !important;
  .el-table__empty-block {
    width: 100% !important;
  }
}

.el-table {
  border-top: 0px solid transparent;
  border-left: 1px solid $--color-primary-light-8;
}

.el-table th {
  border-top: 1px solid $--color-primary-light-8;
}

.el-table__row {
  .el-checkbox {
    font-size: $--font-size-content;
    padding: 0;
  }
}

.el-table--border .el-table__cell,
.el-table__body-wrapper .el-table--border.is-scrolling-left ~ .el-table__fixed {
  border-right: 1px solid $--color-primary-light-8;
}

.el-table td.el-table__cell,
.el-table th.el-table__cell.is-leaf {
  border-bottom: 1px solid $--color-primary-light-8;
}

.el-table__body-wrapper {
  &::-webkit-scrollbar {
    width: 12px; /* 滚动条宽度， width：对应竖滚动条的宽度  height：对应横滚动条的高度*/
    height: 10px;
    &:hover {
      transition: height width 0.3s;
      height: 12px;
    }
  }
  &::-webkit-scrollbar-thumb {
    background-color: rgba(144, 147, 153, 0.3);
    border-radius: 3px;
    position: fixed;
    transition: background-color 0.3s;
  }

  &::-webkit-scrollbar-thumb {
    &:hover {
      background-color: rgba(144, 147, 153, 0.5);
    }
  }

  /*定义滚动条的轨道颜色、内阴影及圆角*/
  &::-webkit-scrollbar-track {
    background-color: #fff;
    border-radius: 3px;
  }
}

.el-table th.el-table__cell > .cell {
  line-height: 18px;
}

/**---解决360极速等其他浏览器表格错位问题，主要是列------**/
.el-table th.gutter {
  display: table-cell !important;
}

/*解决横、纵滚动条都有时,把横向滚动条拉到最后，表格列错位问题 */
.el-table--border th.el-table__cell.gutter:last-of-type {
  display: block !important;
  width: 16px !important; //之前表格设置是8px,可能滚动条宽度设置宽了,需要调整为16px
}

/*解决ie下的100 */
.el-table__header {
  width: 100% !important;
}

.el-table__body {
  width: 100% !important;
}

// .el-table__body-wrapper {
//   &.is-scrolling-left {
//     .el-table__empty-block {
//       text-align: left;
//     }
//   }
//   &.is-scrolling-middle {
//     .el-table__empty-block {
//       text-align: center;
//     }
//   }
//   &.is-scrolling-right {
//     .el-table__empty-block {
//       text-align: right;
//     }
//   }
// }

/*-----面包屑------*/

.eve-breadcrumb .el-breadcrumb {
  font-size: $--font-size-content;
}

.eve-breadcrumb-icon {
  font-size: 22px !important;
  line-height: 2;
}

.eve-breadcrumb {
  width: calc(100vw - 286px) !important;
  height: 36px !important;
  margin: 0 30px 0 10px;
  border-radius: $--eve-border-radius;
  background: rgba(255, 255, 255, 0.1) !important;
  color: #fff;
}

.el-breadcrumb__item:last-child .el-breadcrumb__inner,
.el-breadcrumb__item:last-child .el-breadcrumb__inner a,
.el-breadcrumb__item:last-child .el-breadcrumb__inner a:hover,
.el-breadcrumb__item:last-child .el-breadcrumb__inner:hover {
  color: #fff;
  opacity: 1;
}

.el-breadcrumb__inner {
  color: #fff;
  opacity: 1;
}

.el-breadcrumb__inner.is-link {
  opacity: 1;
  color: #fff;
  &:hover {
    opacity: 1;
    color: $--color-primary;
  }
}

/*-----main主体布局组件------*/

.eve-main {
  margin: 10px !important;
  width: calc(100vw - #{$--eve-menu-width} - 30px) !important;
  height: calc(100vh - 80px - 36px - 20px) !important;
}

.eve-main__content {
  border-radius: $--eve-border-radius !important ;
}

/*-----eve-container内容布局组件------*/

.eve-container {
  height: calc(100vh - 80px - 36px - 20px) !important;
}

/*-----树------*/
$--eve-tree-height: $--eve-height--small;
.eve-tree__custom-tree-label {
  font-size: $--font-size-content;
}

.el-tree {
  color: $--color-text-primary !important;
}

.eve-tree__filter {
  margin-bottom: 2px;
  .el-input--suffix .el-input__inner {
    height: $--eve-tree-height;
  }
  .el-input {
    font-size: $--font-size-content;
  }
}

.el-input__icon {
  line-height: $--eve-tree-height;
}

.eve-tree {
  .el-input__inner {
    //input内边距
    padding: 0 10px;
    //input高度
    height: $--eve-height--small;
    line-height: 1;
    border: 1px solid $--border-color-light;
  }
  .el-tree-node__content > .el-tree-node__expand-icon {
    padding: 2px;
  }
}

//树的按钮
.eve-tree__custom-tree-button {
  .el-button--mini {
    padding: 0;
  }
}

.el-tree__empty-text {
  font-size: $--font-size-content;
}

.eve-tree__is-active.el-tree--highlight-current
  .el-tree-node.is-current
  > .el-tree-node__content {
  background-color: $--color-primary-light-9;
}

.el-tree--highlight-current .el-tree-node.is-current > .el-tree-node__content {
  background-color: $--color-primary-light-9;
}

.eve-tree .el-tree-node__content {
  &:hover {
    background-color: $--color-primary-light-9;
  }
  &:visited {
    background-color: $--color-primary-light-9;
  }
}

/*-----时间线(时间轴)------*/

.el-steps--vertical {
  .el-step__icon {
    width: $--eve-el-step;
    height: $--eve-el-step;
    font-size: $--font-size-content;
    left: 2px;
    top: -11px;
  }

  .el-step__icon-inner {
    display: none;
  }

  .el-step__head.is-wait {
    border-color: $--border-color-base;
  }

  .el-step__icon.is-text {
    border: 1px solid transparent;
    // box-shadow: $--color-text-placeholder 0px 0px 4px;
    &::after {
      content: '';
      width: $--eve-el-step--small;
      height: $--eve-el-step--small;
      border-radius: 50%;
      background: $--color-text-regular;
    }
  }

  .el-step__head.is-finish {
    .el-step__line {
      background: $--color-primary !important;
    }
    .el-step__icon.is-text {
      border: 1px solid transparent;
      background: $--color-primary-light-8;
      // box-shadow: $--color-text-placeholder 0px 0px 4px;
      &::after {
        content: '';
        width: $--eve-el-step--small;
        height: $--eve-el-step--small;
        border-radius: 50%;
        background: $--color-primary;
      }
    }
  }

  .el-step__head.is-wait {
    .el-step__icon.is-text {
      border: 1px solid transparent;
      background: rgba(96, 98, 102, 0.2);
      // box-shadow: $--color-text-placeholder 0px 0px 4px;
    }
  }

  .el-step__title {
    font-size: $--font-size-content;
    color: $--color-text-regular;
    line-height: 10px !important;
  }

  .el-step__title.is-process {
    font-size: $--font-size-content;
    font-weight: normal;
  }

  .el-step__head.is-process {
    border-color: $--border-color-base;
  }

  .el-step__title.is-wait {
    color: $--color-text-secondary;
  }

  .el-step__description.is-wait {
    color: $--color-text-secondary;
  }

  .el-step__head.is-process .el-step__icon.is-text {
    border: 1px solid transparent;
    background: $--color-primary-light-8;
    box-shadow: $--color-primary 0px 0px 6px;
    &::after {
      content: '';
      width: $--eve-el-step--small;
      height: $--eve-el-step--small;
      border-radius: 50%;
      background: $--color-primary;
    }
  }

  .el-step__line {
    width: 3px !important  ;
    background-color: $--border-color-light;
  }

  .el-step__description.is-finish {
    color: $--color-text-secondary;
  }

  .el-step__description.is-process {
    color: $--color-text-secondary;
  }
}

/*-----header组件------*/

.eve-header {
  background-color: transparent;
  height: 80px !important;
  .el-dialog__body {
    padding: 4px 20px 4px 20px;
  }

  .el-menu-item,
  .eve-scroll__menu .el-submenu__title {
    padding: 0 12px;
  }

  @media screen and (max-width: 1366px) {
    //菜单的间距
    .el-menu-item,
    .el-submenu__title {
      padding: 0 2px !important;
      padding: 0 2px !important;
    }
  }

  .el-menu-item,
  .el-submenu__title {
    height: 80px;
    line-height: 76px;
  }

  .el-menu-item [class^='el-icon-'] {
    margin-right: -15px;
    height: 13px;
  }

  .el-submenu__title i,
  .el-menu-item i {
    color: #fff;
    font-size: $--font-size-content;
  }

  .el-submenu [class^='el-icon-'] {
    margin-right: -15px;
    height: 13px;
  }

  .el-submenu__icon-arrow.el-icon-arrow-down {
    color: transparent;
  }

  //火狐特例
  @media screen and (min--moz-device-pixel-ratio: 0) {
    .el-menu-item [class^='el-icon-'] {
      margin-right: -15px;
      height: 18px;
    }

    .el-submenu [class^='el-icon-'] {
      margin-right: -15px;
      height: 18px;
    }
  }
}

.eve-header__title {
  span:first-child {
    letter-spacing: 5.3px;
  }
}

.eve-header__logo-title {
  width: 234px !important;
}

.eve-header__center {
  margin-left: 0;
}

.eve-scroll__menu.eve-header__menu-item
  .el-submenu.is-active
  .el-submenu__title
  span:after {
  width: 94%;
  left: 42%;
  height: 3px !important;
  border-radius: 1.5px !important;
}

.eve-header__icon-item:nth-last-child(2) {
  margin-right: 30px;
}

//用户名过长加是三个点
.eve-header__icon-item {
  span {
    width: 44px;
    white-space: nowrap;
    overflow: hidden;
    height: 80px;
    line-height: 80px;
    text-overflow: ellipsis;
    text-align: center;
  }
}

/*-----动态表格------*/

//超小版本下拉单选弹出框样式-高度和边距取input输入框的高度和边距变量
.el-select-dropdown__item {
  // height: $eveCommonInputHeight;
  // line-height: $eveCommonInputHeight;
  font-size: $--font-size-content;
  padding: $eveCommonInputPadding;
}
//超小版本下拉建议搜索弹出框样式-高度和边距取input输入框的高度和边距变量
.el-autocomplete-suggestion {
  .el-autocomplete-suggestion__wrap {
    padding: 6px 0;
  }
  li {
    // height: $eveCommonInputHeight;
    // line-height: $eveCommonInputHeight;
    font-size: $--font-size-content;
    padding: $eveCommonInputPadding;
  }
}
//超小版本下拉多选弹出框样式-高度和边距取input输入框的高度和边距变量
.el-cascader-node {
  // height: $eveCommonInputHeight;
  // line-height: $eveCommonInputHeight;
  font-size: $--font-size-content;
  padding: $eveCommonInputPadding;
  .el-cascader-node__label {
    padding: $eveCommonInputPadding;
  }
}

//表格th label新增必填项*号
.el-table th.must > .cell:before {
  content: '* ';
  color: $--color-danger;
}

/*-----查询表单组件 eve-select-form------*/
.eve-select-form {
  font-size: $--font-size-content;
  .el-button {
    @extend .el-button--mini;
  }

  //自定义时间范围
  &__date-range {
    .el-input__icon.el-icon-date {
      display: none;
    }

    &.eve-select-form__formItem {
      .el-date-editor .el-input__inner {
        padding-left: 6px;
      }
    }

    .el-input__icon {
      width: 8px;
    }
  }

  &__label {
    color: $--color-text-regular;
  }

  &__error-tip {
    top: 20%;
  }

  .el-input__inner {
    border: 1px solid $--border-color-light;
  }

  .eve-select-form__from-lable {
    padding-top: 6.6px;
    // padding-bottom: 8.6px;
    padding-bottom: 6.5px;
    margin-top: 0;
    line-height: 2;
  }

  .el-input--suffix .el-input__inner {
    font-size: $--font-size-content;
    //input高度
    height: $--eve-height--small !important;
    line-height: $--eve-height--small;
    padding: 0 10px;
    border-radius: $--eve-border-radius-small;
  }

  .el-tag.el-tag--info {
    height: 24px;
    line-height: 24px;
    padding: 0 10px;
  }

  .el-input__icon.el-icon-date,
  .el-input__icon.el-icon-time {
    margin-top: 1px;
  }

  .el-date-editor,
  .el-icon-time {
    .el-input__inner {
      padding-left: 30px;
    }
  }

  .el-input__suffix {
    top: -1px;
  }

  .el-input__icon {
    margin-top: 2px;
  }

  //Radio单选框
  .el-radio-group {
    min-height: $--eve-height--small;
    //横向属性
    &.horizontal {
      padding: 5px 0;
    }
    //纵向属性-设置为块级元素，并设置上下间距
    &.vertical .el-radio {
      padding: 4px 0;
      display: block;
    }
    //radio选中字体不跟随变化（常规文字）-#606266
    .el-radio__input.is-checked + .el-radio__label {
      color: $--color-text-regular;
    }
    .el-radio__label {
      font-size: $--font-size-content;
      padding-left: 4px;
    }

    //radio由[实心白]改为[实心蓝]效果
    .el-radio__input.is-checked .el-radio__inner {
      background: #fff;
    }

    .el-radio__inner::after {
      width: 5px;
      height: 5px;
      background-color: $--color-primary;
    }

    /*---禁用时外圈圆颜色加深--*/
    .el-radio__input.is-disabled.is-checked .el-radio__inner {
      border-color: $--color-text-placeholder;
    }

    //禁用背景填充背景色
    .el-radio__input.is-checked.is-disabled .el-radio__inner {
      background: #f5f7fa;
    }

    .el-radio__input.is-disabled.is-checked .el-radio__inner::after {
      background-color: $--color-text-secondary;
    }
    /*---禁用时外圈圆颜色加深-end---*/
  }

  //checkbox复选框
  .el-checkbox {
    //纵向属性
    &.vertical .el-checkbox {
      padding: 4px 0;
      display: block;
    }
    .el-checkbox__label {
      font-size: $--font-size-small;
      padding-left: 4px;
    }

    //checkbox由[白色勾]改为[蓝色勾]效果
    .el-checkbox__input.is-checked .el-checkbox__inner {
      background-color: #fff;
      //三级边框-#ebeef5
      // border-color: $--border-color-light;
    }

    .el-checkbox__inner::after {
      border-color: $--color-primary;
    }

    //checkbox选中字体不跟随变化
    .el-checkbox__input.is-checked + .el-checkbox__label {
      //常规文字-#606266
      color: $--color-text-regular;
    }

    /*---禁用时外边框颜色加深--*/
    .el-checkbox__input.is-disabled.is-checked .el-checkbox__inner {
      border-color: $--color-text-placeholder;
    }

    // 禁用时打钩加深
    .el-checkbox__input.is-disabled.is-checked .el-checkbox__inner::after {
      border-color: $--color-text-secondary;
    }

    .el-checkbox__input.is-checked.is-disabled .el-checkbox__inner,
    .el-checkbox__input.is-indeterminate.is-disabled .el-checkbox__inner {
      background-color: $--checkbox-disabled-input-fill;
    }
    /*---禁用时外边框颜色加深--*/
  }

  .el-form-item__content {
    margin-top: 2px;
  }

  .el-checkbox-group {
    margin-bottom: 4px;
    min-height: $--eve-height--small;
  }

  .el-range-editor.el-input__inner {
    height: $--eve-height--small;
    line-height: $--eve-height--small;
  }

  .el-date-editor .el-range__icon {
    line-height: 27px;
  }

  .eve-select-form__pack-up {
    font-size: $--font-size-content;
  }

  .el-range-editor .el-range-input {
    font-size: $--font-size-content;
  }

  .el-date-editor .el-range__close-icon {
    margin-top: -15px !important;
  }

  /*--时间范围--*/
  .el-date-editor .el-input__icon.el-range__close-icon {
    margin-top: -5px !important;
    margin-right: -8px !important;
  }

  .el-date-editor .el-range-input {
    width: 82% !important;
  }

  .el-input__icon {
    margin-top: 1px !important;
  }

  .el-date-editor .el-range-separator {
    line-height: 24px;
    padding: 0;
  }
}

.eve-select-form__form {
  margin-top: 2px;
}

// .eve-common-formwork__select-form {
//   padding: 10px 20px 20px 20px !important;
// }

// .eve-select-form__flex-row-center {
//   margin-top: 10px;
// }

/*-----输入框、select框的placeholder修改-----$--font-size-content-small-*/
.el-input input::-webkit-input-placeholder {
  font-size: $--font-size-content !important;
}
.el-input input::-moz-input-placeholder {
  font-size: $--font-size-content !important;
}
.el-input input::-ms-input-placeholder {
  font-size: $--font-size-content !important;
}

/*-----select框------*/
.el-select-dropdown__empty {
  font-size: $--font-size-content !important;
}

// 占位符颜色加深后，颜色处理本来是占位色树
.el-select:hover .el-input__inner {
  border-color: $--color-primary;
}

/*-----下拉树------*/
.eve-drop-down-tree__content {
  padding: 0;
}

.eve-drop-down-tree {
  .el-input {
    font-size: $--font-size-content-small;
  }
}

.el-tree-node__label {
  font-size: $--font-size-content;
  color: $--color-text-primary;
}

.eve-drop-down-tree {
  .el-input__inner {
    //input内边距
    padding: $eveCommonInputPadding;
    //input高度
    height: $eveCommonInputHeight;
    line-height: 1;
  }
}

.eve-drop-down-tree__item {
  .el-tree-node__content > .el-tree-node__expand-icon {
    padding: 2px;
  }
}

/*********checkbox复选框[start]*********/
.el-checkbox {
  padding: 4px 0;
  display: block;
}
.el-checkbox__label {
  font-size: $--font-size-small;
  padding-left: 4px;
}

//checkbox由[白色勾]改为[蓝色勾]效果
.el-checkbox__input.is-checked .el-checkbox__inner,
.el-checkbox__input.is-indeterminate .el-checkbox__inner {
  background-color: #fff;
  //三级边框-#ebeef5
  // border-color: 1px solid $--border-color-lighter;
}
.el-checkbox__input.is-indeterminate .el-checkbox__inner::before {
  background-color: $--color-primary;
}
.el-checkbox__inner::after {
  border-color: $--color-primary;
}

//checkbox选中字体不跟随变化
.el-checkbox__input.is-checked + .el-checkbox__label {
  //常规文字-#606266
  color: $--color-text-regular;
}

/*---禁用时外边框颜色加深--*/
.el-checkbox__input.is-disabled.is-checked .el-checkbox__inner {
  border-color: $--color-text-placeholder;
}

// 禁用时打钩加深
.el-checkbox__input.is-disabled.is-checked .el-checkbox__inner::after {
  border-color: $--color-text-secondary;
}

.el-checkbox__input.is-checked.is-disabled .el-checkbox__inner,
.el-checkbox__input.is-indeterminate.is-disabled .el-checkbox__inner {
  background-color: $--checkbox-disabled-input-fill;
}
/*---禁用时外边框颜色加深--*/

/*********Tooltip 文字提示*********/
.el-tooltip__popper {
  //最大宽度设置
  max-width: 50%;
}

/*********菜单*********/

//全局菜单
.el-menu-item *,
.el-submenu__title * {
  cursor: pointer !important;
}

.eve-menu__main {
  height: calc(100vh - 90px) !important;
  border-right: none;
  // background-color: $--eve-header-background !important;
  background: rgba(255, 255, 255, 0.08) !important;
  background-position-y: 66vh !important;
  background-repeat: no-repeat !important;
  border-radius: $--eve-border-radius;
  margin: 0 0 0 10px;
  .el-scrollbar {
    height: 100% !important;
    // background: rgba(155, 96, 96, 0.08) !important;
    border-radius: $--eve-border-radius;
  }
}

.eve-menu {
  background-color: transparent !important;
  .el-menu {
    background-color: transparent !important;
  }
  .el-submenu__title {
    line-height: 29px;
  }
  // margin-top: 3px;
  .el-submenu__title[style*='padding-left: 20px'] {
    padding: 0 !important;
    // padding-left: 10px !important;
    // background: $--eve-menu-background !important;
    background: rgba(255, 255, 255, 0.08) !important;
    color: #fff !important;
    height: $--eve-height--small;
    color: #fff;
    margin-top: 1px;
    font-size: $--font-size-title !important;
  }

  .el-submenu [class^='el-icon-'],
  .el-menu-item [class^='el-icon-'] {
    color: #fff !important;
    font-size: $--font-size-title;
    width: 14px;
    margin: 2px 4px 0 2px;
  }

  .el-submenu,
  .el-menu-item {
    img {
      width: 14px;
      margin: 2px 4px 0 2px;
    }
  }

  .el-submenu__icon-arrow {
    color: #fff !important;
    margin-top: -6px;
  }

  .el-submenu__title[style*='padding-left: 40px'] {
    padding: 0 0 0 24px !important;
    height: $--eve-height--small;
  }

  .el-submenu__title[style*='padding-left: 40px'] {
    position: relative;
    background-color: transparent !important;
    color: #fff !important;
    margin-top: 2px;
    .el-icon-arrow-down:before {
      display: none;
    }
    &::before {
      position: absolute;
      font-family: element-icons;
      content: '\e791';
      color: #fff;
      font-size: $--font-size-medium;
      left: 4px;
      top: 2px;
    }
  }

  .el-submenu .is-opened {
    & > .el-submenu__title[style*='padding-left: 40px'] {
      &::before {
        content: '\e790';
      }
    }
    & > .el-submenu__title[style*='padding-left: 60px'] {
      &::before {
        content: '\e790';
      }
    }
  }

  .el-submenu__title[style*='padding-left: 60px'] {
    padding: 0 0 0 40px !important;
    height: $--eve-height--small;
  }

  .el-submenu__title[style*='padding-left: 60px'] {
    position: relative;
    background-color: transparent !important;
    color: #fff !important;
    margin-top: 2px;
    .el-icon-arrow-down:before {
      display: none;
    }
    &::before {
      position: absolute;
      font-family: element-icons;
      content: '\e791';
      color: #fff;
      font-size: $--font-size-medium;
      left: 20px;
      top: 2px;
    }
  }

  /****底层菜单的***/
  .el-menu-item {
    width: 100%;
    height: $--eve-height--small;
    line-height: 29px;
    background-color: transparent !important;
    // background: $--eve-header-background !important;
    color: #fff !important;
    margin-top: 2px;
    width: 256px;
  }

  .el-menu-item[style*='padding-left: 20px'] {
    padding: 0 !important;
    font-size: $--font-size-title !important;
    background: rgba(255, 255, 255, 0.08) !important;
    //菜单和图标居中
    margin-bottom: 2px;
  }

  .el-menu-item[style*='padding-left: 40px'] {
    padding: 0 0 0 24px !important;
  }

  .el-menu-item[style*='padding-left: 60px'] {
    padding: 0 0 0 40px !important;
  }

  .el-menu-item[style*='padding-left: 80px'] {
    padding: 0 0 0 60px !important;
  }

  .eve-menu__menu-item .el-menu-item.is-active {
    background: $--color-primary !important;
  }
  .eve-menu__menu-item .el-menu-item:focus,
  .eve-menu__menu-item .el-menu-item:visited,
  .eve-menu__menu-item .el-menu-item:active,
  .eve-menu__menu-item .el-menu-item:hover {
    background: $--color-primary !important;
  }
}

//火狐特例
@media screen and (min--moz-device-pixel-ratio: 0) {
  .eve-menu {
    .el-submenu__title,
    .el-menu-item {
      line-height: 27px;
    }
  }
}

//竖着的菜单
.el-menu--vertical {
  .el-menu-item,
  .el-submenu__title {
    padding: 0;
    height: $--eve-height--small;
    line-height: $--eve-height--small;
    border-radius: $--eve-border-radius-small;
  }
  .el-menu--popup {
    padding: 0;
    border-radius: $--eve-border-radius-small;
  }
  .eve-menu__menu-item .el-submenu__title:focus,
  .eve-menu__menu-item .el-submenu__title:hover {
    border-right: 0px solid transparent !important;
  }

  .eve-menu__menu-item .el-menu-item.is-active,
  .eve-menu__menu-item .el-menu-item:focus,
  .eve-menu__menu-item .el-menu-item:hover,
  .eve-menu__menu-item .el-submenu__title:focus,
  .eve-menu__menu-item .el-submenu__title:hover {
    border-right: 0px solid transparent !important;
  }
}

//收缩后的菜单
.eve-menu.el-menu--collapse {
  .el-submenu {
    margin-top: 10px;
  }
  .el-submenu__title {
    text-align: center;
    background: transparent !important;
    margin: 0 6px;
    height: 51px;
    line-height: 51px;
  }

  .el-menu-item {
    width: 51px;
    height: 51px;
    margin: 0 6px;
    text-align: center;
    background: transparent !important;
    line-height: 51px;
    margin-top: 10px;
    border-radius: $--eve-border-radius-small;
  }

  .el-submenu [class^='el-icon-'] {
    margin: 0 0 2px -8px;
  }

  .el-menu-item [class^='el-icon-'] {
    margin: 0 0 2px -11px;
  }

  [class^='el-icon-']:before {
    font-size: 24px;
  }
  .el-submenu.is-active {
    .el-submenu__title {
      border-radius: $--eve-border-radius-small;
      background: $--color-primary !important;
    }
  }
  .el-menu-item.is-active {
    border-radius: $--eve-border-radius-small;
    background: $--color-primary !important;
  }
}

/*header的菜单*/
.el-menu--horizontal {
  .el-menu .el-menu-item,
  .el-menu .el-submenu__title {
    text-align: center;
  }
  .eve-header__menu-item .el-submenu__title span {
    line-height: 36px;
  }
  .el-submenu > .el-submenu__title .el-submenu__icon-arrow {
    line-height: 20px;
  }

  .el-menu--popup-bottom-start {
    margin-left: -42px;
  }

  .el-menu {
    background: $--eve-menu-option-background !important;
    border-radius: $--eve-border-radius;
  }
}

.eve-header__popper {
  .el-menu--popup {
    padding: 0;
    &.el-menu--popup-right-start {
      overflow-y: auto;
      overflow-x: hidden;
      max-height: calc(100vh - 200px);
      width: 200px;
    }

    &.el-menu--popup-bottom-start {
      margin-top: -20px !important;
    }
  }

  .eve-header__menu-item {
    &:first-child {
      .el-menu--popup-right-start {
        margin-top: -23px;
      }
    }
  }
}

ul[role='menu'] .eve-header__menu-item .el-submenu__title:focus,
ul[role='menu'] .eve-header__menu-item .el-submenu__title:hover {
  background-color: $--color-primary !important;
  color: #fff !important;
}

ul[role='menu'] .eve-header__menu-item {
  .el-submenu__title {
    background-color: $--eve-menu-option-background !important;
  }

  &:first-child {
    .el-submenu__title {
      border-top-left-radius: 10px;
      border-top-right-radius: 10px;
    }
  }

  &:last-child {
    .el-submenu__title {
      border-bottom-left-radius: 10px;
      border-bottom-right-radius: 10px;
    }
  }

  .eve-header__menu-item {
    .el-submenu__title {
      border-top-left-radius: 0;
      border-top-right-radius: 0;
      border-bottom-left-radius: 0;
      border-bottom-right-radius: 0;
    }
  }
}

ul[role='menu'] .eve-header__menu-item .el-submenu__title i,
ul[role='menu'] .eve-header__menu-item .el-submenu__title span {
  color: #fff !important;
  font-weight: normal;
  text-align: center;
  line-height: 30px;
}

ul[role='menu'] .eve-header__menu-item .el-menu-item {
  background-color: $--eve-menu-option-background !important;
  color: #fff !important;
  text-align: center;
  line-height: 30px;
}

ul[role='menu'] .eve-header__menu-item {
  user-select: none;
  &:first-child {
    .el-menu-item {
      border-top-left-radius: 10px;
      border-top-right-radius: 10px;
    }
  }

  &:last-child {
    .el-menu-item {
      border-bottom-left-radius: 10px;
      border-bottom-right-radius: 10px;
    }
  }

  &:first-child {
    .el-menu-item.is-active {
      border-bottom: 1px solid rgba(255, 255, 255, 0.2);
    }
  }

  &:last-child {
    .el-menu-item.is-active {
      border-top: 1px solid rgba(255, 255, 255, 0.2);
    }
  }

  &:not(:first-child):not(:last-child) {
    .el-menu-item.is-active {
      border-top: 1px solid rgba(255, 255, 255, 0.2);
      border-bottom: 1px solid rgba(255, 255, 255, 0.2);
    }
  }

  // 三级的
  .eve-header__menu-item {
    .el-menu-item {
      border-top-left-radius: 0;
      border-top-right-radius: 0;
      border-bottom-left-radius: 0;
      border-bottom-right-radius: 0;
    }
  }
}

ul[role='menu'] .eve-header__menu-item .el-menu-item:focus,
ul[role='menu'] .eve-header__menu-item .el-menu-item:hover {
  background-color: $--color-primary !important;
}

.eve-header__menu-item .el-submenu.is-active .el-submenu__title span {
  font-weight: normal;
}

.el-menu--horizontal .el-menu .el-menu-item.is-active,
.el-menu--horizontal .el-menu .el-submenu.is-active > .el-submenu__title {
  background-color: $--color-primary !important;
}

ul[role='menu'] .eve-header__menu-item .el-menu-item span {
  color: #fff !important;
  font-weight: normal;
}

/*表单--文本*/
.el-input.is-disabled .el-input__inner,
.el-textarea.is-disabled .el-textarea__inner,
.el-range-editor.is-disabled input {
  color: $--color-text-regular;
}

//select多选时候tag标签里的文本颜色
.el-select {
  .el-select__tags {
    .el-tag.el-tag--info {
      color: $--color-text-regular;
    }
  }
  .el-tag {
    font-size: $--font-size-content;
    //自定义的下拉树多选(放在表单里)
    .el-icon-close {
      background-color: #c0c4cc !important;
    }
  }
}

//标签
.el-tag {
  font-size: $--font-size-content;
}
